﻿@font-face { font-family:"eiven"; src:url("../fonts/eiven.eot"); }
@font-face { font-family:"eiven"; src:url("../fonts/eiven.ttf") format("truetype"); }
body { margin:0; font-family:"eiven"; font-size:18px; text-transform:uppercase; letter-spacing:1px; text-align:center; text-shadow:1px 1px 0 #ddd; background-color:white; background:url("../images/bg.png") top fixed no-repeat; letter-spacing:1px; font-smooth:never;}

header
{
	position:fixed;
	top:0;
	border-top:20px solid white;
	left:0;
	width:100%;
	height:100px;
	background:url("../images/banner.gif") center;
	z-index:3;
}

header canvas { background-color:white; }

#menu
{
	position:fixed;
	top:121px;
	left:0;
	width:100%;
	background-color:white;
	border-top:1px solid black; border-bottom:1px solid black;
	padding:10px;
	z-index:3;
	box-shadow: 2px 2px 4px #CCCCCC;
}

#menu a { color:#AAAAAA; text-decoration:none; margin:5px; } #menu a:hover { color:black; border-bottom:1px solid black; }

#content
{
	width:1200px;
	border-right:1px solid black;
	margin:160px auto 0 auto;
	padding:20px;
	background-color:white;
}

.thumbnail
{
	width:300px;
	height:176px;
	line-height:12px;
	float:left;
	margin:15px 0 20px 0;
}

#content a { color:black; text-decoration:none; border-bottom:1px solid #AAAAAA; } #content a:hover { border-bottom:1px solid black; }
#content .thumbnail a:first-child { border-bottom-color:black; }
.button { display:block; width:250px; height:150px; border:1px solid black; margin:0 20px 0 20px; box-shadow:zinset -2px -2px 6px #CCCCCC; border-radius:5px; }
.button:hover { border:1px solid black; box-shadow:inset 2px 2px 6px #CCCCCC; }
.featured { border-color:blue; }

h1 { font-size:18px; font-weight:normal; }
h1 img { vertical-align:middle; border:none; }

#content canvas {  border:1px solid black; z-index:2; position:relative; background-color:white; }

#track_menu
{
	width:500px;
	margin:-2px auto 0 auto;
	border:1px solid black; border-top:none;
	-moz-border-radius-bottomright:30px; -moz-border-radius-bottomleft:30px;
	-webkit-border-bottom-right-radius:30px; -webkit-border-bottom-left-radius:30px;
	border-bottom-right-radius:30px; border-bottom-left-radius:30px;
	text-align:left;
	padding:10px 30px 20px 30px;
}

#track_menu textarea { width:410px; }
#track_menu input[type=button] { width:70px; }
input { margin:2px; }
#track_menu a { margin:5px; }

#sortmenu { text-align:center; margin-top:-30px; }
#sortmenu a { margin:5px; color:#AAAAAA; border:none; }
#sortmenu a:hover { color:black; }
#sortmenu form { display:inline; }
#sortmenu input { margin:0; font-size:10px; vertical-align:middle; }
#sortmenu input[type=text] { height:14px; }


#avatar { float:left; margin-left:20px; margin-right:20px; min-height:138px; }
#avatar img { border-right:1px solid #AAAAAA; box-shadow: 2px 2px 4px #CCCCCC; }
#profile { text-align:left; line-height:20px; }

#slideshow { text-align:center; margin:30px auto 0 auto; border:1px solid #AAAAAA; box-shadow: 2px 2px 4px #CCCCCC; } #slideshow:hover { border:1px solid black; }
#slideshow a { border:none; } #slideshow a:hover { border:none; } #slideshow img { border:none; }

#social { margin:10px 16px 10px 10px; }
#social a { border:none; }
#social a:hover { border:none; }
.twitter-share-button { margin:8px 15px -5px 5px; }
.alignLeft .twitter-share-button { vertical-align:bottom; }
#social img { margin:5px; border:1px solid grey; box-shadow: 2px 2px 4px #CCCCCC; cursor:pointer; }
#social img:hover { border-color:navy; }

#story img { border:1px solid #AAAAAA; margin-top:10px; margin-bottom:30px; box-shadow: 2px 2px 4px #CCCCCC; -moz-box-shadow: 2px 2px 4px #AAAAAA; -webkit-box-shadow: 2px 2px 4px #AAAAAA; } #story img:hover { border:1px solid black; }
#story a { border-bottom:none; } #story a:hover { border-bottom:none; }
#story h1 a { border-bottom:1px solid #AAAAAA; } #story h1 a:hover { border-bottom:1px solid black; }

#circle img { border:none; margin:10px 0 30px 0; }
#circle a { border:none; } #circle a:hover { border:none; }
#circle h1 a { border-bottom:1px solid #AAAAAA; } #story h1 a:hover { border-bottom:1px solid black; }

#membership
{
	position:fixed;
	top:0;
	right:0;
	border-left:1px solid black;
	border-bottom:1px solid black;
	padding:10px 10px 15px 15px;
	background-color:white;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius:15px;
	border-bottom-left-radius:15px;
	box-shadow: 2px 2px 4px #AAAAAA;
	-moz-box-shadow: 2px 2px 4px #AAAAAA;
	-webkit-box-shadow: 2px 2px 4px #AAAAAA;
}
#membership a { color:black; text-decoration:none; border-bottom:1px solid #AAAAAA; } #membership a:hover { border-bottom:1px solid black; text-shadow: 1px 1px 0px #AAAAAA; }

ul { margin:0; padding-bottom:20px; } li { padding-top:20px; }

.ad { width:120px; height:600px; margin:4px; }

.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.clearer { clear:both; margin-top:10px; margin-bottom:10px; }
.big { margin-bottom:30px; }
.spacer { margin:5px; }
.red { color:red; padding-left:3px; padding-right:3px; }
.green { color:green; padding-left:3px; padding-right:3px; }
.underlined { border-bottom:1px solid #AAAAAA; padding-bottom:10px; margin:10px 20px 10px 20px; }
.padded { padding: 20px 30px 40px 30px; }
.notice { color:blue; margin-bottom:15px; }

#track_completed { position:absolute; z-index:2; width:700px; top:431px; left:332px; background-color:white; border:1px solid black; padding:8px 0 5px 0; opacity:0; pointer-events:none; font-size:36px; }